﻿<UserControl x:Class="DiscoveryLogic.UI.Layouts.Controls.StockChart"
    xmlns="http://schemas.microsoft.com/client/2007" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:controls="clr-namespace:System.Windows.Controls;assembly=System.Windows"
    Width="557.698" Height="205.667">
    
    <Canvas x:Name="Graph" Background="White">
        
        <Canvas.Resources>
            <Storyboard x:Name="ScrollLongTermChart">
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="VisibleRegion" Storyboard.TargetProperty="(Canvas.Left)">
                    <SplineDoubleKeyFrame x:Name="VisibleRegionKeyFrame" KeyTime="00:00:01" Value="1.1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="VisibleRegionOverlay" Storyboard.TargetProperty="(Canvas.Left)">
                    <SplineDoubleKeyFrame x:Name="VisibleRegionOverlayKeyFrame" KeyTime="00:00:01" Value="1.1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>

                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="LeftSliderThumbCanvas" Storyboard.TargetProperty="(Canvas.Left)">
                    <SplineDoubleKeyFrame x:Name="LeftSliderThumbCanvasKeyFrame" KeyTime="00:00:01" Value="1.1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="LeftSliderDivider" Storyboard.TargetProperty="(Canvas.Left)">
                    <SplineDoubleKeyFrame x:Name="LeftSliderDividerKeyFrame" KeyTime="00:00:01" Value="1.1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>

                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="RightSliderThumbCanvas" Storyboard.TargetProperty="(Canvas.Left)">
                    <SplineDoubleKeyFrame x:Name="RightSliderThumbCanvasKeyFrame" KeyTime="00:00:01" Value="1.1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="RightSliderDivider" Storyboard.TargetProperty="(Canvas.Left)">
                    <SplineDoubleKeyFrame x:Name="RightSliderDividerKeyFrame" KeyTime="00:00:01" Value="1.1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
            </Storyboard>
            
            <Storyboard x:Name="ScrollUpperChart">
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="ChartLines" Storyboard.TargetProperty="(Canvas.Left)">
                    <SplineDoubleKeyFrame x:Name="ChartLinesKeyFrame" KeyTime="00:00:01" Value="1.1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="ChartDetails" Storyboard.TargetProperty="(Canvas.Left)">
                    <SplineDoubleKeyFrame x:Name="ChartDetailsKeyFrame" KeyTime="00:00:01" Value="1.1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
            </Storyboard>
            
            <Storyboard x:Name="TogglePortfolioAnimation">
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="ChartTradeMarkers" Storyboard.TargetProperty="Opacity">
                    <SplineDoubleKeyFrame x:Name="ChartTradeMarkersToggleKeyFrame" KeyTime="00:00:01" Value="1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="PortfolioLines" Storyboard.TargetProperty="Opacity">
                    <SplineDoubleKeyFrame x:Name="PortfolioLinesToggleKeyFrame" KeyTime="00:00:01" Value="1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="ChartNoteMarkers" Storyboard.TargetProperty="Opacity">
                    <SplineDoubleKeyFrame x:Name="ChartNoteMarkersToggleKeyFrame" KeyTime="00:00:01" Value="1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
            </Storyboard>
            
            <Storyboard x:Name="ToggleCompanyAnimation">
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="CompanyOverlayArea" Storyboard.TargetProperty="Opacity">
                    <SplineDoubleKeyFrame x:Name="CompanyOverlayAreaToggleKeyFrame" KeyTime="00:00:00.5" Value="1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="CompanyOverlayLine" Storyboard.TargetProperty="Opacity">
                    <SplineDoubleKeyFrame x:Name="CompanyOverlayLineToggleKeyFrame" KeyTime="00:00:00.5" Value="1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
            </Storyboard>
            
            <Storyboard x:Name="ToggleNQIndexAnimation">
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="NQIndexOverlayArea" Storyboard.TargetProperty="Opacity">
                    <SplineDoubleKeyFrame x:Name="NQOverlayAreaToggleKeyFrame" KeyTime="00:00:00.5" Value="1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="NQIndexOverlayLine" Storyboard.TargetProperty="Opacity">
                    <SplineDoubleKeyFrame x:Name="NQOverlayLineToggleKeyFrame" KeyTime="00:00:00.5" Value="1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
            </Storyboard>
            
            <Storyboard x:Name="ToggleSPIndexAnimation">
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="SPIndexOverlayArea" Storyboard.TargetProperty="Opacity">
                    <SplineDoubleKeyFrame x:Name="SPOverlayAreaToggleKeyFrame" KeyTime="00:00:00.5" Value="1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="SPIndexOverlayLine" Storyboard.TargetProperty="Opacity">
                    <SplineDoubleKeyFrame x:Name="SPOverlayLineToggleKeyFrame" KeyTime="00:00:00.5" Value="1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
            </Storyboard>
            
            <Storyboard x:Name="ToggleDJIndexAnimation">
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="DJIndexOverlayArea" Storyboard.TargetProperty="Opacity">
                    <SplineDoubleKeyFrame x:Name="DJOverlayAreaToggleKeyFrame" KeyTime="00:00:00.5" Value="1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="DJIndexOverlayLine" Storyboard.TargetProperty="Opacity">
                    <SplineDoubleKeyFrame x:Name="DJOverlayLineToggleKeyFrame" KeyTime="00:00:00.5" Value="1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
            </Storyboard>
            
            <Storyboard x:Name="ToggleWGFundAnimation">
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="WGIndexOverlayArea" Storyboard.TargetProperty="Opacity">
                    <SplineDoubleKeyFrame x:Name="WGOverlayAreaToggleKeyFrame" KeyTime="00:00:00.5" Value="1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames  BeginTime="00:00:00" Storyboard.TargetName="WGIndexOverlayLine" Storyboard.TargetProperty="Opacity">
                    <SplineDoubleKeyFrame x:Name="WGOverlayLineToggleKeyFrame" KeyTime="00:00:00.5" Value="1" KeySpline="0.5,0,0.504,1"/>
                </DoubleAnimationUsingKeyFrames>
            </Storyboard>
            
        </Canvas.Resources>
        
        <Canvas.RenderTransform>
            <ScaleTransform ScaleX="0.9"/>
        </Canvas.RenderTransform>                
        
        <!-- long term graph -->
        <Canvas x:Name="LongTermGraph" Width="557.725" Height="33.667" Canvas.Top="149">
                        
            <Rectangle Width="557.725" Height="33.667" Fill="#FFDDDDDD"/>
                        
            <!-- Light blue area -->
            <Rectangle x:Name="VisibleRegion" Width="0" Height="33.667" Fill="#FFCCE4FB"/>
            <Rectangle x:Name="VisibleRegionOverlay" Width="0" Height="33.667" Fill="Transparent" Canvas.ZIndex="2"/>
            
            <!-- year separators -->
            <!--
            <Path Width="1" Height="35.769" Stretch="Fill" Stroke="#FF9F9F9F" StrokeThickness="0.5" Canvas.Left="123.416" Data="M135.475,149.5 L135.475,184.26908" />
            <Path Width="1" Height="35.769" Stretch="Fill" Stroke="#FF9F9F9F" StrokeThickness="0.5" Data="M135.475,149.5 L135.475,184.26908" Canvas.Left="243.422" />
            <Path Width="1" Height="35.769" Stretch="Fill" Stroke="#FF9F9F9F" StrokeThickness="0.5" Data="M135.475,149.5 L135.475,184.26908" Canvas.Left="364.428" Canvas.Top="0.25"/>
            <Path Width="1" Height="35.769" Stretch="Fill" Stroke="#FF9F9F9F" StrokeThickness="0.5" Data="M135.475,149.5 L135.475,184.26908" Canvas.Left="484.434" Canvas.Top="0.25"/>
            -->
            
            <!-- Notchs -->
            <!--
            <Path Width="0.5" Height="4.55" Fill="#FFFFFFFF" Stretch="Fill" Stroke="#FF888888" StrokeThickness="0.5" Canvas.Left="57.668" Canvas.Top="28.75" Data="M58.475,175 L58.475,185.04988"/>
            <Path Width="0.5" Height="4.55" Fill="#FFFFFFFF" Stretch="Fill" Stroke="#FF888888" StrokeThickness="0.5" Data="M58.475,175 L58.475,185.04988" Canvas.Left="90" Canvas.Top="28.75"/>
            <Path Width="0.5" Height="4.55" Fill="#FFFFFFFF" Stretch="Fill" Stroke="#FF888888" StrokeThickness="0.5" Data="M58.475,175 L58.475,185.04988" Canvas.Left="25" Canvas.Top="28.75"/>
            <Path Width="0.5" Height="4.55" Fill="#FFFFFFFF" Stretch="Fill" Stroke="#FF888888" StrokeThickness="0.5" Data="M58.475,175 L58.475,185.04988" Canvas.Left="183.334" Canvas.Top="28.75"/>
            <Path Width="0.5" Height="4.55" Fill="#FFFFFFFF" Stretch="Fill" Stroke="#FF888888" StrokeThickness="0.5" Data="M58.475,175 L58.475,185.04988" Canvas.Left="216" Canvas.Top="28.75"/>
            <Path Width="0.5" Height="4.55" Fill="#FFFFFFFF" Stretch="Fill" Stroke="#FF888888" StrokeThickness="0.5" Data="M58.475,175 L58.475,185.04988" Canvas.Left="151" Canvas.Top="28.75"/>
            <Path Width="0.5" Height="4.55" Fill="#FFFFFFFF" Stretch="Fill" Stroke="#FF888888" StrokeThickness="0.5" Data="M58.475,175 L58.475,185.04988" Canvas.Left="302.834" Canvas.Top="28.75"/>
            <Path Width="0.5" Height="4.55" Fill="#FFFFFFFF" Stretch="Fill" Stroke="#FF888888" StrokeThickness="0.5" Data="M58.475,175 L58.475,185.04988" Canvas.Left="335.5" Canvas.Top="28.75"/>
            <Path Width="0.5" Height="4.55" Fill="#FFFFFFFF" Stretch="Fill" Stroke="#FF888888" StrokeThickness="0.5" Data="M58.475,175 L58.475,185.04988" Canvas.Left="270.5" Canvas.Top="28.75"/>
            <Path Width="0.5" Height="4.55" Fill="#FFFFFFFF" Stretch="Fill" Stroke="#FF888888" StrokeThickness="0.5" Data="M58.475,175 L58.475,185.04988" Canvas.Left="425.334" Canvas.Top="28.75"/>
            <Path Width="0.5" Height="4.55" Fill="#FFFFFFFF" Stretch="Fill" Stroke="#FF888888" StrokeThickness="0.5" Data="M58.475,175 L58.475,185.04988" Canvas.Left="458" Canvas.Top="28.75"/>
            <Path Width="0.5" Height="4.55" Fill="#FFFFFFFF" Stretch="Fill" Stroke="#FF888888" StrokeThickness="0.5" Data="M58.475,175 L58.475,185.04988" Canvas.Left="393" Canvas.Top="28.75"/>
            <Path Width="0.5" Height="4.55" Fill="#FFFFFFFF" Stretch="Fill" Stroke="#FF888888" StrokeThickness="0.5" Data="M58.475,175 L58.475,185.04988" Canvas.Left="518.672" Canvas.Top="28.75"/>
            <Path Width="0.5" Height="4.55" Fill="#FFFFFFFF" Stretch="Fill" Stroke="#FF888888" StrokeThickness="0.5" Data="M58.475,175 L58.475,185.04988" Canvas.Left="551.338" Canvas.Top="28.75"/>
            -->
            
            <!-- Years -->
            <!--
            <TextBlock Width="51.583" Height="13.333" Canvas.Left="126.75" Canvas.Top="3.166" FontFamily="Trebuchet MS" FontSize="8" Foreground="#FF646464" Text="2004" TextWrapping="Wrap"/>
			<TextBlock Width="51.583" Height="13.333" FontFamily="Trebuchet MS" FontSize="8" Foreground="#FF646464" TextWrapping="Wrap" Canvas.Left="246.756" Canvas.Top="3.166" Text="2005"/>
			<TextBlock Width="51.583" Height="13.333" FontFamily="Trebuchet MS" FontSize="8" Foreground="#FF646464" TextWrapping="Wrap" Text="2006" Canvas.Left="368.096" Canvas.Top="3.166"/>
			<TextBlock Width="51.583" Height="13.333" FontFamily="Trebuchet MS" FontSize="8" Foreground="#FF646464" Text="2003" TextWrapping="Wrap" Canvas.Left="4.743" Canvas.Top="3.166"/>
			<TextBlock Width="51.583" Height="13.333" FontFamily="Trebuchet MS" FontSize="8" Foreground="#FF646464" TextWrapping="Wrap" Text="2007" Canvas.Left="488.102" Canvas.Top="3.166"/>
            -->
            
            <!-- x axis -->
            <Rectangle Width="558.338" Height="4.867" Fill="#5F003974" StrokeThickness="0.5" Canvas.Top="33.634"/>

            <!-- x axis pt 2 -->		
			<Path x:Name="SliderBar" Canvas.Top="34.002" Width="557.725" Height="2" Stretch="Fill" Stroke="#AEFFFFFF" StrokeEndLineCap="Round" StrokeStartLineCap="Round" StrokeThickness="1" Data="M107.80833,143.66567 L277.50774,143.66567"/>
		

            <!-- left slider thumb extension -->
			<Path x:Name="LeftSliderDivider" Width="1" Height="39.437" Stretch="Fill" Stroke="#FFFF0000" StrokeThickness="1" Canvas.ZIndex="2" Canvas.Left="484.2159" Canvas.Top="8" Data="M485.25,3.1666667 L485.25,47.186864"/>
            
            <!-- right slider thumb extension -->
			<Path x:Name="RightSliderDivider" Width="1" Height="39.437" Stretch="Fill" Stroke="#FFFF0000" StrokeThickness="1" Canvas.ZIndex="2" Canvas.Left="557.5559" Canvas.Top="8" Data="M485.25,3.1666667 L485.25,47.186864"/>
			
            <!-- left slider thumb -->
            <Canvas x:Name="LeftSliderThumbCanvas" Width="19.338" Height="19.338" Canvas.ZIndex="3" Canvas.Left="474.7159" Canvas.Top="24.918" RenderTransformOrigin="0.5,0.5">
				<Canvas.RenderTransform>
					<TransformGroup>
						<ScaleTransform ScaleX="0.35" ScaleY="0.85"/>
						<SkewTransform AngleX="0" AngleY="0"/>
						<RotateTransform Angle="0"/>
						<TranslateTransform X="0" Y="0"/>
					</TransformGroup>
				</Canvas.RenderTransform>
				<Ellipse Width="19.338" Height="19.338" Stroke="#FF004084">
					<Ellipse.Fill>
						<RadialGradientBrush Center="3.986,3.231" GradientOrigin="3.986,3.231" RadiusX="1.756" RadiusY="1.756" MappingMode="RelativeToBoundingBox">
							<RadialGradientBrush.RelativeTransform>
								<TransformGroup>
									<ScaleTransform CenterX="3.986" CenterY="3.231" ScaleX="0.508" ScaleY="0.508"/>
									<SkewTransform AngleX="0" AngleY="0" CenterX="3.986" CenterY="3.231"/>
									<RotateTransform Angle="0" CenterX="3.986" CenterY="3.231"/>
									<TranslateTransform X="-3.582" Y="-2.824"/>
								</TransformGroup>
							</RadialGradientBrush.RelativeTransform>
							<GradientStop Color="#FF5796D0" Offset="0.00365"/>
							<GradientStop Color="#FF397BBE" Offset="0.215537"/>
							<GradientStop Color="#FF1B60AC" Offset="0.467153"/>
							<GradientStop Color="#FF4A8BC9" Offset="0.751825"/>
							<GradientStop Color="#FFA0CAEB" Offset="1"/>
							<GradientStop Color="#FF5E95CC" Offset="0.775305"/>
						</RadialGradientBrush>
					</Ellipse.Fill>
				</Ellipse>
				<Path Width="13.955" Height="8.369" Stretch="Fill" Canvas.Left="2.692" Canvas.Top="2" Data="M18.838,9.669 C18.838,14.732899 14.732899,14.097186 9.669,14.097186 4.6051011,14.097186 0.5,14.732899 0.5,9.669 0.5,4.6051011 4.6051011,0.5 9.669,0.5 14.732899,0.5 18.838,4.6051011 18.838,9.669 z">
					<Path.Fill>
						<LinearGradientBrush EndPoint="0.5,-0.079" StartPoint="0.5,1.16">
							<GradientStop Color="#00FFFFFF" Offset="0.00365"/>
							<GradientStop Color="#FFFFFFFF" Offset="1"/>
							<GradientStop Color="#B5FFFFFF" Offset="0.42"/>
						</LinearGradientBrush>
					</Path.Fill>
				</Path>
				<Path Width="11.955" Height="5.036" Stretch="Fill" Data="M18.838,9.669 C18.838,14.732899 14.732899,14.097186 9.669,14.097186 4.6051011,14.097186 0.5,14.732899 0.5,9.669 0.5,4.6051011 4.6051011,0.5 9.669,0.5 14.732899,0.5 18.838,4.6051011 18.838,9.669 z" RenderTransformOrigin="0.5,0.5" Canvas.Left="3.691" Canvas.Top="12.001">
					<Path.Fill>
						<LinearGradientBrush EndPoint="0.527,-1.749" StartPoint="0.5,1.358">
							<GradientStop Color="#00FFFFFF" Offset="0.00365"/>
							<GradientStop Color="#FFFFFFFF" Offset="1"/>
						</LinearGradientBrush>
					</Path.Fill>
					<Path.RenderTransform>
						<TransformGroup>
							<ScaleTransform ScaleX="1" ScaleY="1"/>
							<SkewTransform AngleX="0" AngleY="0"/>
							<RotateTransform Angle="180"/>
							<TranslateTransform X="0" Y="0"/>
						</TransformGroup>
					</Path.RenderTransform>
				</Path>
			</Canvas>
            
            <!-- right slider thumb -->
			<Canvas x:Name="RightSliderThumbCanvas" Width="19.338" Height="19.338" Canvas.ZIndex="3" Canvas.Left="548.0559" Canvas.Top="24.918" RenderTransformOrigin="0.5,0.5">
				<Canvas.RenderTransform>
					<TransformGroup>
						<ScaleTransform ScaleX="0.35" ScaleY="0.85"/>
						<SkewTransform AngleX="0" AngleY="0"/>
						<RotateTransform Angle="0"/>
						<TranslateTransform X="0" Y="0"/>
					</TransformGroup>
				</Canvas.RenderTransform>
				<Ellipse Width="19.338" Height="19.338" Stroke="#FF004084">
					<Ellipse.Fill>
						<RadialGradientBrush Center="3.986,3.231" GradientOrigin="3.986,3.231" RadiusX="1.756" RadiusY="1.756" MappingMode="RelativeToBoundingBox">
							<RadialGradientBrush.RelativeTransform>
								<TransformGroup>
									<ScaleTransform CenterX="3.986" CenterY="3.231" ScaleX="0.508" ScaleY="0.508"/>
									<SkewTransform AngleX="0" AngleY="0" CenterX="3.986" CenterY="3.231"/>
									<RotateTransform Angle="0" CenterX="3.986" CenterY="3.231"/>
									<TranslateTransform X="-3.582" Y="-2.824"/>
								</TransformGroup>
							</RadialGradientBrush.RelativeTransform>
							<GradientStop Color="#FF5796D0" Offset="0.00365"/>
							<GradientStop Color="#FF397BBE" Offset="0.215537"/>
							<GradientStop Color="#FF1B60AC" Offset="0.467153"/>
							<GradientStop Color="#FF4A8BC9" Offset="0.751825"/>
							<GradientStop Color="#FFA0CAEB" Offset="1"/>
							<GradientStop Color="#FF5E95CC" Offset="0.775305"/>
						</RadialGradientBrush>
					</Ellipse.Fill>
				</Ellipse>
				<Path Width="13.955" Height="8.369" Stretch="Fill" Canvas.Left="2.692" Canvas.Top="2" Data="M18.838,9.669 C18.838,14.732899 14.732899,14.097186 9.669,14.097186 4.6051011,14.097186 0.5,14.732899 0.5,9.669 0.5,4.6051011 4.6051011,0.5 9.669,0.5 14.732899,0.5 18.838,4.6051011 18.838,9.669 z">
					<Path.Fill>
						<LinearGradientBrush EndPoint="0.5,-0.079" StartPoint="0.5,1.16">
							<GradientStop Color="#00FFFFFF" Offset="0.00365"/>
							<GradientStop Color="#FFFFFFFF" Offset="1"/>
							<GradientStop Color="#B5FFFFFF" Offset="0.42"/>
						</LinearGradientBrush>
					</Path.Fill>
				</Path>
				<Path Width="11.955" Height="5.036" Stretch="Fill" Data="M18.838,9.669 C18.838,14.732899 14.732899,14.097186 9.669,14.097186 4.6051011,14.097186 0.5,14.732899 0.5,9.669 0.5,4.6051011 4.6051011,0.5 9.669,0.5 14.732899,0.5 18.838,4.6051011 18.838,9.669 z" RenderTransformOrigin="0.5,0.5" Canvas.Left="3.691" Canvas.Top="12.001">
					<Path.Fill>
						<LinearGradientBrush EndPoint="0.527,-1.749" StartPoint="0.5,1.358">
							<GradientStop Color="#00FFFFFF" Offset="0.00365"/>
							<GradientStop Color="#FFFFFFFF" Offset="1"/>
						</LinearGradientBrush>
					</Path.Fill>
					<Path.RenderTransform>
						<TransformGroup>
							<ScaleTransform ScaleX="1" ScaleY="1"/>
							<SkewTransform AngleX="0" AngleY="0"/>
							<RotateTransform Angle="180"/>
							<TranslateTransform X="0" Y="0"/>
						</TransformGroup>
					</Path.RenderTransform>
				</Path>
			</Canvas>
            
            <!-- blue line -->
            <!--
            <Path Width="74" Height="11" Stretch="Fill" Canvas.Left="484.75" Canvas.Top="12" Data="M485.25,12.5 L499.25,16.5 514.25,15.5 520.25,17.5 529.25,16.5 534.25,16.5 542.25,17.5 545.25,15.5 550.25,17.5 558.25,22.5" Stroke="#FF0347FF"/>
            -->
		</Canvas>
        
        <!-- graph horizontal lines -->
        <Path Width="557.698" Height="1" Stretch="Fill" Stroke="#FF1E1E1E" Canvas.Top="140" Data="M22.475,253.999 L565.19777,253.999"/>
        <Path Width="557.698" Height="1" Stretch="Fill" Stroke="#FF888888" Data="M22.475,253.999 L565.19777,253.999" StrokeThickness="0.5" Canvas.Top="120"/>
        <Path Width="557.698" Height="1" Stretch="Fill" Stroke="#FF888888" Data="M22.475,253.999 L565.19777,253.999" StrokeThickness="0.5" Canvas.Top="100"/>
        <Path Width="557.698" Height="1" Stretch="Fill" Stroke="#FF888888" Data="M22.475,253.999 L565.19777,253.999" StrokeThickness="0.5" Canvas.Top="80"/>
        <Path Width="557.698" Height="1" Stretch="Fill" Stroke="#FF888888" Data="M22.475,253.999 L565.19777,253.999" StrokeThickness="0.5" Canvas.Top="60"/>
        <Path Width="557.698" Height="1" Stretch="Fill" Stroke="#FF888888" Data="M22.475,253.999 L565.19777,253.999" StrokeThickness="0.5" Canvas.Top="40"/>
        <Path Width="557.698" Height="1" Stretch="Fill" Stroke="#FF888888" Data="M22.475,253.999 L565.19777,253.999" StrokeThickness="0.5" Canvas.Top="20"/>
        <Path Width="557.698" Height="1" Stretch="Fill" Stroke="#FF888888" Data="M22.475,253.999 L565.19777,253.999" StrokeThickness="0.5"/>
        
        <!-- top line -->
        <Path Width="557.698" Height="1" Stretch="Fill" Stroke="#FF1E1E1E" Data="M22.475,253.999 L565.19777,253.999" StrokeThickness="1" Canvas.Top="-13"/>

        <!-- Upper Chart Lines -->
        <Canvas x:Name="UpperChartArea" Canvas.ZIndex="2" Width="558" Height="140">
            <Canvas.OpacityMask>
                <!--<LinearGradientBrush StartPoint="192,1" EndPoint="674, 1" MappingMode="RelativeToBoundingBox">-->
                <LinearGradientBrush StartPoint="0,1" EndPoint="1, 1" MappingMode="RelativeToBoundingBox">
                    <GradientStop Color="#00FFFFFF" Offset="0"/>
                    <GradientStop Color="#FFFFFFFF" Offset="0.0000001"/>
                    <GradientStop Color="#FFFFFFFF" Offset="0.9999999"/>
                    <GradientStop Color="#00FFFFFF" Offset="1"/>
                </LinearGradientBrush>
            </Canvas.OpacityMask>
            
            <Canvas x:Name="ChartLines" Canvas.Left="-1640.451">
                <Canvas x:Name="PortfolioLines">
                    <!-- blue filled area under lines -->                
                    <Path x:Name="ChartBlueArea" Stretch="Fill" StrokeThickness="1" Canvas.Top="22.25"                     Data="M0.475,118.5 L10.475,126.5 22.475001,114.5 30.475001,124.5 38.475,122.5 62.475004,88.5 72.475003,112.5 88.475007,94.5 98.475007,104.5 112.47501,106.5 138.47501,82.5 156.47501,102.5 160.47501,108.5 194.47501,70.5 200.47501,84.5 204.47501,90.5 224.47501,70.5 230.47501,78.5 242.47501,90.5 300.47501,18.5 310.47501,42.5 334.47501,38.5 342.47501,22.5 362.47501,52.5 382.47501,32.5 392.47501,36.5 406.47501,12.5 418.47501,6.5 430.47501,38.5 458.47501,54.5 478.47501,26.5 490.47501,52.5 512.47501,68.5 522.47504,44.5 542.47504,22.5 552.47504,54.5 560.47504,42.5 580,60 600,20 620,30 640,0 660,30 680,50 700,60 720,30 740,80 760,50 780,80 800,70 820,90 840,50 860,70 880,75 900,80 920,90 940,70 960,100 980,60 1000,80 1020,90 1040,70 1060,90 1080,30 1100,60 1120,20 1140,50 1160,20 1180,40 1200,0 1220,-10 1240,42.5 1240,38.5 1260,22.5 1280,52.5 1300,32.5 1320,16.5 1340,12.5 1360,6.5 1380,58.5 1400,54.5 1420,66.5 1440,72.5 1460,68.5 1480,44.5 1500,22.5 1520,54.5 1540,82.5 1560,60 1580,20 1600,30 1620,50 1640,30 1660,50 1680,60 1700,30 1720,80 1740,50 1760,80 1780,70 1800,90 1820,50 1840,70 1860,75 1880,80 1900,90 1920,70 1940,100 1960,60 1980,80 2000,50 2020,70 2040,90 2060,30 2080,40 2100,20 2120,50 2140,20 2160,40 2180,0 2200,-10 2200,140.81884 1.2329514,140.81884 z" Width="2198.149" Height="116" Canvas.Left="0">
                        <Path.Fill>
                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0.5">
                                <GradientStop Color="#AFB4D8FA" Offset="0"/>                            
                                <GradientStop Color="#AA1D62AF" Offset="1"/>                            
                            </LinearGradientBrush>                         
                        </Path.Fill>
                    </Path>
                    <!-- line -->
                    <Path x:Name="ChartBlueLine" Stretch="Fill" Stroke="#FF0045FF" StrokeThickness="1"  Canvas.Top="22.25" Data="M0.475,118.5 L10.475,126.5 22.475001,114.5 30.475001,124.5 38.475,122.5 62.475004,88.5 72.475003,112.5 88.475007,94.5 98.475007,104.5 112.47501,106.5 138.47501,82.5 156.47501,102.5 160.47501,108.5 194.47501,70.5 200.47501,84.5 204.47501,90.5 224.47501,70.5 230.47501,78.5 242.47501,90.5 300.47501,18.5 310.47501,42.5 334.47501,38.5 342.47501,22.5 362.47501,52.5 382.47501,32.5 392.47501,36.5 406.47501,12.5 418.47501,6.5 430.47501,38.5 458.47501,54.5 478.47501,26.5 490.47501,52.5 512.47501,68.5 522.47504,44.5 542.47504,22.5 552.47504,54.5 560.47504,42.5 580,60 600,20 620,30 640,0 660,30 680,50 700,60 720,30 740,80 760,50 780,80 800,70 820,90 840,50 860,70 880,75 900,80 920,90 940,70 960,100 980,60 1000,80 1020,90 1040,70 1060,90 1080,30 1100,60 1120,20 1140,50 1160,20 1180,40 1200,0 1220,-10 1240,42.5 1240,38.5 1260,22.5 1280,52.5 1300,32.5 1320,16.5 1340,12.5 1360,6.5 1380,58.5 1400,54.5 1420,66.5 1440,72.5 1460,68.5 1480,44.5 1500,22.5 1520,54.5 1540,82.5 1560,60 1580,20 1600,30 1620,50 1640,30 1660,50 1680,60 1700,30 1720,80 1740,50 1760,80 1780,70 1800,90 1820,50 1840,70 1860,75 1880,80 1900,90 1920,70 1940,100 1960,60 1980,80 2000,50 2020,70 2040,90 2060,30 2080,40 2100,20 2120,50 2140,20 2160,40 2180,0 2200,-10" Width="2198.149" Height="104.5" Canvas.Left="0"/>
                </Canvas>
                
                <!-- SP Overlay -->
                <Path Opacity="0" Stretch="Fill" x:Name="SPIndexOverlayArea" StrokeThickness="1" Canvas.Top="-12.25"                     Data="M0.475,118.5 L10.475,126.5 22.475001,90.5 30.475001,124.5 38.475,122.5 62.475004,60.5 72.475003,112.5 88.475007,94.5 98.475007,104.5 112.47501,106.5 118.47501,82.5 156.47501,122.5 160.47501,108.5 194.47501,60.5 200.47501,84.5 204.47501,90.5 224.47501,70.5 230.47501,78.5 242.47501,120.5 300.47501,28.5 310.47501,42.5 334.47501,18.5 342.47501,22.5 362.47501,92.5 382.47501,52.5 392.47501,16.5 406.47501,18.5 418.47501,16.5 430.47501,18.5 458.47501,24.5 478.47501,26.5 490.47501,52.5 512.47501,28.5 522.47504,44.5 542.47504,32.5 552.47504,54.5 560.47504,42.5 580,25 600,20 620,30 640,36 660,20 680,50 700,60 720,30 740,80 760,50 780,50 800,70 820,90 840,50 860,70 880,35 900,40 920,90 940,30 960,100 980,60 1000,80 1020,19 1040,70 1060,90 1080,30 1100,40 1120,20 1140,50 1160,20 1180,70 1200,20 1220,19 1240,42.5 1240,38.5 1260,22.5 1280,52.5 1300,32.5 1320,16.5 1340,12.5 1360,36.5 1380,38.5 1400,54.5 1420,26.5 1440,52.5 1460,68.5 1480,84.5 1500,22.5 1520,54.5 1540,62.5 1560,60 1580,20 1600,30 1620,15 1640,30 1660,50 1680,60 1700,30 1720,80 1740,50 1760,50 1780,70 1800,90 1820,50 1840,70 1860,75 1880,80 1900,90 1920,70 1940,100 1960,60 1980,60 2000,50 2020,70 2040,60 2060,30 2080,40 2100,20 2120,50 2140,40 2160,50 2180,55 2200,16 2200,140.81884 1.2329514,140.81884 z" Fill="#59FF0033"  Width="2198.149" Height="146" Canvas.Left="0"/>
                <Path Opacity="0" Stretch="Fill" x:Name="SPIndexOverlayLine" Stroke="#99FF0033" StrokeThickness="1"  Canvas.Top="-12.25" Data="M0.475,118.5 L10.475,126.5 22.475001,90.5 30.475001,124.5 38.475,122.5 62.475004,60.5 72.475003,112.5 88.475007,94.5 98.475007,104.5 112.47501,106.5 118.47501,82.5 156.47501,122.5 160.47501,108.5 194.47501,60.5 200.47501,84.5 204.47501,90.5 224.47501,70.5 230.47501,78.5 242.47501,120.5 300.47501,28.5 310.47501,42.5 334.47501,18.5 342.47501,22.5 362.47501,92.5 382.47501,52.5 392.47501,16.5 406.47501,18.5 418.47501,16.5 430.47501,18.5 458.47501,24.5 478.47501,26.5 490.47501,52.5 512.47501,28.5 522.47504,44.5 542.47504,32.5 552.47504,54.5 560.47504,42.5 580,25 600,20 620,30 640,36 660,20 680,50 700,60 720,30 740,80 760,50 780,50 800,70 820,90 840,50 860,70 880,35 900,40 920,90 940,30 960,100 980,60 1000,80 1020,19 1040,70 1060,90 1080,30 1100,40 1120,20 1140,50 1160,20 1180,70 1200,20 1220,19 1240,42.5 1240,38.5 1260,22.5 1280,52.5 1300,32.5 1320,16.5 1340,12.5 1360,36.5 1380,38.5 1400,54.5 1420,26.5 1440,52.5 1460,68.5 1480,84.5 1500,22.5 1520,54.5 1540,62.5 1560,60 1580,20 1600,30 1620,15 1640,30 1660,50 1680,60 1700,30 1720,80 1740,50 1760,50 1780,70 1800,90 1820,50 1840,70 1860,75 1880,80 1900,90 1920,70 1940,100 1960,60 1980,60 2000,50 2020,70 2040,60 2060,30 2080,40 2100,20 2120,50 2140,40 2160,50 2180,55 2200,16" Width="2198.149" Height="133" Canvas.Left="0" />
                
                <!-- NASDAQ Overlay -->
                <Path Opacity="0" Stretch="Fill" x:Name="NQIndexOverlayArea" StrokeThickness="1" Canvas.Top="-12.25"                     Data="M0.475,118.5 L10.475,126.5 22.475001,74.5 30.475001,124.5 38.475,122.5 62.475004,38.5 72.475003,112.5 88.475007,94.5 98.475007,104.5 112.47501,106.5 118.47501,52.5 156.47501,122.5 160.47501,108.5 194.47501,20.5 200.47501,44.5 204.47501,20.5 224.47501,90.5 230.47501,78.5 242.47501,90.5 300.47501,28.5 310.47501,42.5 334.47501,58.5 342.47501,22.5 362.47501,52.5 382.47501,52.5 392.47501,16.5 406.47501,48.5 418.47501,16.5 430.47501,38.5 458.47501,24.5 478.47501,26.5 490.47501,22.5 512.47501,28.5 522.47504,44.5 542.47504,32.5 552.47504,24.5 560.47504,82.5 580,25 600,20 620,30 640,36 660,20 680,50 700,20 720,30 740,80 760,50 780,80 800,70 820,40 840,50 860,70 880,35 900,80 920,90 940,39 960,100 980,60 1000,80 1020,39 1040,50 1060,90 1080,30 1100,40 1120,50 1140,70 1160,20 1180,40 1200,20 1220,19 1240,72.5 1240,88.5 1260,22.5 1280,52.5 1300,32.5 1320,26.5 1340,12.5 1360,6.5 1380,38.5 1400,54.5 1420,66.5 1440,52.5 1460,68.5 1480,74.5 1500,32.5 1520,44.5 1540,42.5 1560,60 1580,20 1600,30 1620,15 1640,30 1660,30 1680,80 1700,30 1720,80 1740,50 1760,80 1780,60 1800,90 1820,50 1840,70 1860,75 1880,80 1900,90 1920,40 1940,100 1960,60 1980,40 2000,80 2020,70 2040,60 2060,30 2080,60 2100,20 2120,50 2140,40 2160,50 2180,20 2200,16 2200,140.81884 1.2329514,140.81884 z" Fill="#59FF9900"  Width="2198.149" Height="146" Canvas.Left="0" />
                <Path Opacity="0" Stretch="Fill" x:Name="NQIndexOverlayLine" Stroke="#99FF9900" StrokeThickness="1"  Canvas.Top="-12.25" Data="M0.475,118.5 L10.475,126.5 22.475001,74.5 30.475001,124.5 38.475,122.5 62.475004,38.5 72.475003,112.5 88.475007,94.5 98.475007,104.5 112.47501,106.5 118.47501,52.5 156.47501,122.5 160.47501,108.5 194.47501,20.5 200.47501,44.5 204.47501,20.5 224.47501,90.5 230.47501,78.5 242.47501,90.5 300.47501,28.5 310.47501,42.5 334.47501,58.5 342.47501,22.5 362.47501,52.5 382.47501,52.5 392.47501,16.5 406.47501,48.5 418.47501,16.5 430.47501,38.5 458.47501,24.5 478.47501,26.5 490.47501,22.5 512.47501,28.5 522.47504,44.5 542.47504,32.5 552.47504,24.5 560.47504,82.5 580,25 600,20 620,30 640,36 660,20 680,50 700,20 720,30 740,80 760,50 780,80 800,70 820,40 840,50 860,70 880,35 900,80 920,90 940,39 960,100 980,60 1000,80 1020,39 1040,50 1060,90 1080,30 1100,40 1120,50 1140,70 1160,20 1180,40 1200,20 1220,19 1240,72.5 1240,88.5 1260,22.5 1280,52.5 1300,32.5 1320,26.5 1340,12.5 1360,6.5 1380,38.5 1400,54.5 1420,66.5 1440,52.5 1460,68.5 1480,74.5 1500,32.5 1520,44.5 1540,42.5 1560,60 1580,20 1600,30 1620,15 1640,30 1660,30 1680,80 1700,30 1720,80 1740,50 1760,80 1780,60 1800,90 1820,50 1840,70 1860,75 1880,80 1900,90 1920,40 1940,100 1960,60 1980,40 2000,80 2020,70 2040,60 2060,30 2080,60 2100,20 2120,50 2140,40 2160,50 2180,20 2200,16" Width="2198.149" Height="133" Canvas.Left="0" />
                
                <!-- DJ Overlay -->
                <Path Opacity="0" Stretch="Fill" x:Name="DJIndexOverlayArea" StrokeThickness="1" Canvas.Top="-12.25"                     Data="M0.475,118.5 L10.475,106.5 22.475001,64.5 30.475001,124.5 38.475,102.5 62.475004,88.5 72.475003,72.5 88.475007,94.5 98.475007,94.5 112.47501,106.5 138.47501,42.5 156.47501,102.5 160.47501,78.5 194.47501,20.5 200.47501,104.5 204.47501,20.5 224.47501,40.5 230.47501,98.5 242.47501,90.5 300.47501,58.5 310.47501,42.5 334.47501,18.5 342.47501,52.5 362.47501,52.5 382.47501,62.5 392.47501,36.5 406.47501,18.5 418.47501,26.5 430.47501,38.5 458.47501,44.5 478.47501,26.5 490.47501,52.5 512.47501,28.5 522.47504,64.5 542.47504,32.5 552.47504,44.5 560.47504,42.5 580,25 600,20 620,30 640,36 660,40 680,50 700,30 720,30 740,80 760,66 780,80 800,70 820,100 840,50 860,50 880,35 900,60 920,90 940,30 960,100 980,70 1000,60 1020,19 1040,70 1060,60 1080,30 1100,60 1120,20 1140,50 1160,20 1180,40 1200,50 1220,29 1240,62.5 1240,38.5 1260,52.5 1280,52.5 1300,52.5 1320,16.5 1340,32.5 1360,6.5 1380,38.5 1400,54.5 1420,16.5 1440,52.5 1460,48.5 1480,44.5 1500,42.5 1520,54.5 1540,42.5 1560,60 1580,27 1600,35 1620,15 1640,30 1660,50 1680,40 1700,60 1720,80 1740,50 1760,80 1780,80 1800,90 1820,60 1840,70 1860,75 1880,80 1900,110 1920,70 1940,100 1960,40 1980,50 2000,50 2020,70 2040,60 2060,30 2080,40 2100,20 2120,50 2140,40 2160,50 2180,20 2200,16 2200,140.81884 1.2329514,140.81884 z" Fill="#59FF0066"  Width="2198.149" Height="146" Canvas.Left="0" />
                <Path Opacity="0" Stretch="Fill" x:Name="DJIndexOverlayLine" Stroke="#99FF0066" StrokeThickness="1"  Canvas.Top="-12.25" Data="M0.475,118.5 L10.475,106.5 22.475001,64.5 30.475001,124.5 38.475,102.5 62.475004,88.5 72.475003,72.5 88.475007,94.5 98.475007,94.5 112.47501,106.5 138.47501,42.5 156.47501,102.5 160.47501,78.5 194.47501,20.5 200.47501,104.5 204.47501,20.5 224.47501,40.5 230.47501,98.5 242.47501,90.5 300.47501,58.5 310.47501,42.5 334.47501,18.5 342.47501,52.5 362.47501,52.5 382.47501,62.5 392.47501,36.5 406.47501,18.5 418.47501,26.5 430.47501,38.5 458.47501,44.5 478.47501,26.5 490.47501,52.5 512.47501,28.5 522.47504,64.5 542.47504,32.5 552.47504,44.5 560.47504,42.5 580,25 600,20 620,30 640,36 660,40 680,50 700,30 720,30 740,80 760,66 780,80 800,70 820,100 840,50 860,50 880,35 900,60 920,90 940,30 960,100 980,70 1000,60 1020,19 1040,70 1060,60 1080,30 1100,60 1120,20 1140,50 1160,20 1180,40 1200,50 1220,29 1240,62.5 1240,38.5 1260,52.5 1280,52.5 1300,52.5 1320,16.5 1340,32.5 1360,6.5 1380,38.5 1400,54.5 1420,16.5 1440,52.5 1460,48.5 1480,44.5 1500,42.5 1520,54.5 1540,42.5 1560,60 1580,27 1600,35 1620,15 1640,30 1660,50 1680,40 1700,60 1720,80 1740,50 1760,80 1780,80 1800,90 1820,60 1840,70 1860,75 1880,80 1900,110 1920,70 1940,100 1960,40 1980,50 2000,50 2020,70 2040,60 2060,30 2080,40 2100,20 2120,50 2140,40 2160,50 2180,20 2200,16" Width="2198.149" Height="133" Canvas.Left="0" />
                                
                <!-- Company overlay -->
                <Path Opacity="0" Stretch="Fill" x:Name="CompanyOverlayArea" StrokeThickness="1" Canvas.Top="62.25"                     Data="M0.475,118.5 L10.475,126.5 22.475001,114.5 30.475001,124.5 38.475,122.5 62.475004,88.5 72.475003,112.5 88.475007,94.5 98.475007,104.5 112.47501,106.5 138.47501,82.5 156.47501,102.5 160.47501,108.5 194.47501,70.5 200.47501,84.5 204.47501,90.5 224.47501,70.5 230.47501,78.5 242.47501,90.5 300.47501,18.5 310.47501,42.5 334.47501,38.5 342.47501,22.5 362.47501,52.5 382.47501,32.5 392.47501,16.5 406.47501,12.5 418.47501,6.5 430.47501,38.5 458.47501,54.5 478.47501,26.5 490.47501,52.5 512.47501,68.5 522.47504,44.5 542.47504,22.5 552.47504,54.5 560.47504,42.5 580,60 600,20 620,30 640,0 660,30 680,50 700,60 720,30 740,80 760,50 780,80 800,70 820,90 840,50 860,70 880,75 900,80 920,90 940,70 960,100 980,60 1000,80 1020,50 1040,70 1060,90 1080,30 1100,40 1120,20 1140,50 1160,20 1180,40 1200,0 1220,-10 1240,42.5 1240,38.5 1260,22.5 1280,52.5 1300,32.5 1320,16.5 1340,12.5 1360,6.5 1380,38.5 1400,54.5 1420,26.5 1440,52.5 1460,68.5 1480,44.5 1500,22.5 1520,54.5 1540,42.5 1560,60 1580,20 1600,30 1620,0 1640,30 1660,50 1680,60 1700,30 1720,80 1740,50 1760,80 1780,70 1800,90 1820,50 1840,70 1860,75 1880,80 1900,90 1920,70 1940,100 1960,60 1980,80 2000,50 2020,70 2040,90 2060,30 2080,40 2100,20 2120,50 2140,20 2160,40 2180,0 2200,-10 2200,140.81884 1.2329514,140.81884 z" Fill="#599933CC"  Width="2198.149" Height="76" Canvas.Left="0" />
                <Path Opacity="0" Stretch="Fill" x:Name="CompanyOverlayLine" Stroke="#999933CC" StrokeThickness="1"  Canvas.Top="62.25" Data="M0.475,118.5 L10.475,126.5 22.475001,114.5 30.475001,124.5 38.475,122.5 62.475004,88.5 72.475003,112.5 88.475007,94.5 98.475007,104.5 112.47501,106.5 138.47501,82.5 156.47501,102.5 160.47501,108.5 194.47501,70.5 200.47501,84.5 204.47501,90.5 224.47501,70.5 230.47501,78.5 242.47501,90.5 300.47501,18.5 310.47501,42.5 334.47501,38.5 342.47501,22.5 362.47501,52.5 382.47501,32.5 392.47501,16.5 406.47501,12.5 418.47501,6.5 430.47501,38.5 458.47501,54.5 478.47501,26.5 490.47501,52.5 512.47501,68.5 522.47504,44.5 542.47504,22.5 552.47504,54.5 560.47504,42.5 580,60 600,20 620,30 640,0 660,30 680,50 700,60 720,30 740,80 760,50 780,80 800,70 820,90 840,50 860,70 880,75 900,80 920,90 940,70 960,100 980,60 1000,80 1020,50 1040,70 1060,90 1080,30 1100,40 1120,20 1140,50 1160,20 1180,40 1200,0 1220,-10 1240,42.5 1240,38.5 1260,22.5 1280,52.5 1300,32.5 1320,16.5 1340,12.5 1360,6.5 1380,38.5 1400,54.5 1420,26.5 1440,52.5 1460,68.5 1480,44.5 1500,22.5 1520,54.5 1540,42.5 1560,60 1580,20 1600,30 1620,0 1640,30 1660,50 1680,60 1700,30 1720,80 1740,50 1760,80 1780,70 1800,90 1820,50 1840,70 1860,75 1880,80 1900,90 1920,70 1940,100 1960,60 1980,80 2000,50 2020,70 2040,90 2060,30 2080,40 2100,20 2120,50 2140,20 2160,40 2180,0 2200,-10" Width="2198.149" Height="69.5" Canvas.Left="0" />

                <!-- Woodgrove Overlay -->
                <Path Opacity="0" Stretch="Fill" x:Name="WGIndexOverlayArea" StrokeThickness="1" Canvas.Top="-12.25"                     Data="M0.475,118.5 L10.475,126.5 22.475001,84.5 30.475001,114.5 38.475,122.5 62.475004,88.5 72.475003,122.5 88.475007,94.5 98.475007,104.5 112.47501,106.5 138.47501,92.5 156.47501,112.5 160.47501,88.5 194.47501,20.5 200.47501,94.5 204.47501,20.5 224.47501,70.5 230.47501,108.5 242.47501,90.5 300.47501,48.5 310.47501,62.5 334.47501,38.5 342.47501,22.5 362.47501,52.5 382.47501,72.5 392.47501,16.5 406.47501,58.5 418.47501,16.5 430.47501,68.5 458.47501,24.5 478.47501,46.5 490.47501,62.5 512.47501,28.5 522.47504,64.5 542.47504,32.5 552.47504,54.5 560.47504,42.5 580,25 600,40 620,30 640,36 660,50 680,50 700,60 720,30 740,80 760,50 780,90 800,70 820,90 840,50 860,70 880,65 900,80 920,90 940,30 960,100 980,60 1000,90 1020,19 1040,70 1060,90 1080,30 1100,60 1120,20 1140,50 1160,20 1180,60 1200,50 1220,49 1240,42.5 1240,58.5 1260,22.5 1280,52.5 1300,42.5 1320,26.5 1340,32.5 1360,16.5 1380,68.5 1400,54.5 1420,46.5 1440,52.5 1460,68.5 1480,64.5 1500,52.5 1520,54.5 1540,42.5 1560,60 1580,20 1600,70 1620,65 1640,50 1660,80 1680,60 1700,90 1720,80 1740,50 1760,80 1780,70 1800,110 1820,50 1840,70 1860,75 1880,89 1900,90 1920,70 1940,100 1960,60 1980,40 2000,80 2020,70 2040,60 2060,60 2080,70 2100,90 2120,50 2140,40 2160,80 2180,50 2200,36 2200,140.81884 1.2329514,140.81884 z" Fill="#59003366"  Width="2198.149" Height="146" Canvas.Left="0" />
                <Path Opacity="0" Stretch="Fill" x:Name="WGIndexOverlayLine" Stroke="#99003366" StrokeThickness="1"  Canvas.Top="-12.25" Data="M0.475,118.5 L10.475,126.5 22.475001,84.5 30.475001,114.5 38.475,122.5 62.475004,88.5 72.475003,122.5 88.475007,94.5 98.475007,104.5 112.47501,106.5 138.47501,92.5 156.47501,112.5 160.47501,88.5 194.47501,20.5 200.47501,94.5 204.47501,20.5 224.47501,70.5 230.47501,108.5 242.47501,90.5 300.47501,48.5 310.47501,62.5 334.47501,38.5 342.47501,22.5 362.47501,52.5 382.47501,72.5 392.47501,16.5 406.47501,58.5 418.47501,16.5 430.47501,68.5 458.47501,24.5 478.47501,46.5 490.47501,62.5 512.47501,28.5 522.47504,64.5 542.47504,32.5 552.47504,54.5 560.47504,42.5 580,25 600,40 620,30 640,36 660,50 680,50 700,60 720,30 740,80 760,50 780,90 800,70 820,90 840,50 860,70 880,65 900,80 920,90 940,30 960,100 980,60 1000,90 1020,19 1040,70 1060,90 1080,30 1100,60 1120,20 1140,50 1160,20 1180,60 1200,50 1220,49 1240,42.5 1240,58.5 1260,22.5 1280,52.5 1300,42.5 1320,26.5 1340,32.5 1360,16.5 1380,68.5 1400,54.5 1420,46.5 1440,52.5 1460,68.5 1480,64.5 1500,52.5 1520,54.5 1540,42.5 1560,60 1580,20 1600,70 1620,65 1640,50 1660,80 1680,60 1700,90 1720,80 1740,50 1760,80 1780,70 1800,110 1820,50 1840,70 1860,75 1880,89 1900,90 1920,70 1940,100 1960,60 1980,40 2000,80 2020,70 2040,60 2060,60 2080,70 2100,90 2120,50 2140,40 2160,80 2180,50 2200,36" Width="2198.149" Height="133" Canvas.Left="0" />
            </Canvas>
                
            <Canvas Width="558" Height="140" Background="Transparent" 
                    MouseLeftButtonUp="UpperChart_MouseLeftButtonUp"
                    MouseMove="UpperChart_MouseMove"
                    MouseEnter="UpperChart_MouseEnter"
                    MouseLeave="UpperChart_MouseLeave">
            </Canvas>

            <Canvas x:Name="ChartDetails">                                
                <!-- Contains the trade markers -->
                <Canvas x:Name="ChartTradeMarkers">                    
                </Canvas>
                
                <!-- Contains the news markers -->
                <Canvas x:Name="ChartNewsMarkers">                    
                </Canvas>

                <!-- Contains notes indicators -->
                <Canvas x:Name="ChartNoteMarkers">
                </Canvas>
            </Canvas>

        </Canvas>
        
        <Canvas x:Name="ValueBubble" Width="50" Height="10" HorizontalAlignment="Center" Visibility="Collapsed" Canvas.ZIndex="10">
            <Rectangle Width="50" Height="10" Fill="Gray" Opacity="0" RadiusX="5" RadiusY="5"/>
            <TextBlock Width="25" Height="10" HorizontalAlignment="Center" FontFamily="Trebuchet MS" FontSize="8" Foreground="#FF000000" Text="10000"/>
        </Canvas>

        <!-- Checkboxes at the top -->
        <Canvas x:Name="CheckBoxCanvas">
            
            <TextBlock x:Name="PortfolioCheckBoxLabel" Width="45.859" Height="13.517" Canvas.Left="122.48" Canvas.Top="-38.016" FontFamily="Trebuchet MS" FontSize="11" FontWeight="Normal" Foreground="#FF3B6161" Text="show"/>
            <controls:CheckBox x:Name="PortfolioCheckBox" Canvas.Left="106.838" Canvas.Top="-38.346" IsEnabled="True" IsChecked="True" Click="PortfolioCheckBox_Click"/>
            
            <TextBlock Text="Indexes:" Canvas.Left="252.48" Canvas.Top="-48.016" FontFamily="Trebuchet MS" FontSize="12" Foreground="#FF1D62AF" />
            <TextBlock x:Name="SPCheckBoxLabel" Width="45.859" Height="13.517" Canvas.Left="282.48" Canvas.Top="-28.016" FontFamily="Trebuchet MS" FontSize="11" FontWeight="Normal" Foreground="#FF3B6161" Text="S&amp;P 500" TextWrapping="Wrap"/>        
            <controls:CheckBox x:Name="SPCheckBox" Canvas.Left="266.838" Canvas.Top="-28.346" IsEnabled="True" Click="IndexOverlayCheckBox_Click"/>
            
            <!-- decorated check box xaml hidden to use real checkbox -->
            <Canvas Visibility="Collapsed">
		        <Rectangle Stroke="#FF072F2F" Width="11.472" Height="11.472" Fill="#60FFFFFF" StrokeThickness="1.5" RadiusX="2" RadiusY="2" Canvas.Left="501.838" Canvas.Top="-27.346"/>
		        <Path RenderTransformOrigin="0.5,0.5" Width="17.42" Height="9.724" Stretch="Fill" Stroke="#FF006BC3" StrokeThickness="2.5" Canvas.Left="501.698" Canvas.Top="-29.451" Data="M29.214,193.124 C33.714,196.374 34.464001,201.62399 34.464001,201.62399 34.464001,201.62399 36.714001,192.37399 50.714001,185.87399">
			        <Path.RenderTransform>
				        <TransformGroup>
					        <ScaleTransform ScaleX="1" ScaleY="1"/>
					        <SkewTransform AngleX="0" AngleY="0"/>
					        <RotateTransform Angle="-7.108"/>
					        <TranslateTransform X="0" Y="0"/>
				        </TransformGroup>
			        </Path.RenderTransform>
		        </Path>
            </Canvas>
            
		    <TextBlock x:Name="DJCheckBoxLabel" Width="54.358" Height="13.517" Canvas.Left="427.48" Canvas.Top="-28.016" FontFamily="Trebuchet MS" FontSize="11" FontWeight="Normal" Foreground="#FF3B6161" Text="Dow Jones" TextWrapping="Wrap"/>
            <controls:CheckBox x:Name="DJCheckBox" Canvas.Left="411.838" Canvas.Top="-28.346" IsEnabled="True" Click="IndexOverlayCheckBox_Click"/>
            
            <!-- decorated check box xaml hidden to use real checkbox -->
            <Canvas Visibility="Collapsed">
		        <Rectangle Stroke="#FF072F2F" Width="11.472" Height="11.472" Fill="#60FFFFFF" StrokeThickness="1.5" RadiusX="2" RadiusY="2" Canvas.Left="421.838" Canvas.Top="-27.346"/>
		        <Path RenderTransformOrigin="0.5,0.5" Width="17.42" Height="9.724" Stretch="Fill" Stroke="#FF006BC3" StrokeThickness="2.5" Canvas.Left="421.698" Canvas.Top="-29.451" Data="M29.214,193.124 C33.714,196.374 34.464001,201.62399 34.464001,201.62399 34.464001,201.62399 36.714001,192.37399 50.714001,185.87399">
			        <Path.RenderTransform>
				        <TransformGroup>
					        <ScaleTransform ScaleX="1" ScaleY="1"/>
					        <SkewTransform AngleX="0" AngleY="0"/>
					        <RotateTransform Angle="-7.108"/>
					        <TranslateTransform X="0" Y="0"/>
				        </TransformGroup>
			        </Path.RenderTransform>
		        </Path>
            </Canvas>
            
		    <TextBlock x:Name="NQCheckBoxLabel" Width="45.859" Height="13.517" Canvas.Left="357.48" Canvas.Top="-28.016" FontFamily="Trebuchet MS" FontSize="11" FontWeight="Normal" Foreground="#FF3B6161" Text="Nasdaq" TextWrapping="Wrap"/>
            <controls:CheckBox x:Name="NQCheckBox" Canvas.Left="341.838" Canvas.Top="-28.346" IsEnabled="True" Click="IndexOverlayCheckBox_Click"/>
            
            <!-- decorated check box xaml hidden to use real checkbox -->
            <Canvas Visibility="Collapsed">
		        <Rectangle Stroke="#FF072F2F" Width="11.472" Height="11.472" Fill="#60FFFFFF" StrokeThickness="1.5" RadiusX="2" RadiusY="2" Canvas.Left="351.838" Canvas.Top="-27.346"/>
		        <Path RenderTransformOrigin="0.5,0.5" Width="17.42" Height="9.724" Stretch="Fill" Stroke="#FF006BC3" StrokeThickness="2.5" Canvas.Left="351.698" Canvas.Top="-29.451" Data="M29.214,193.124 C33.714,196.374 34.464001,201.62399 34.464001,201.62399 34.464001,201.62399 36.714001,192.37399 50.714001,185.87399">
			        <Path.RenderTransform>
				        <TransformGroup>
					        <ScaleTransform ScaleX="1" ScaleY="1"/>
					        <SkewTransform AngleX="0" AngleY="0"/>
					        <RotateTransform Angle="-7.108"/>
					        <TranslateTransform X="0" Y="0"/>
				        </TransformGroup>
			        </Path.RenderTransform>
		        </Path>
            </Canvas>
            
		    <TextBlock x:Name="WGCheckBoxLabel" Width="70" Height="13.517" Canvas.Left="507.48" Canvas.Top="-40.016" FontFamily="Trebuchet MS" FontSize="11" FontWeight="Normal" Foreground="#FF3B6161" Text="Woodgrove Fund" TextWrapping="Wrap"/>
            <controls:CheckBox x:Name="WGCheckBox" Canvas.Left="491.838" Canvas.Top="-28.346" IsEnabled="True" Click="IndexOverlayCheckBox_Click"/>
            
            <!-- decorated check box xaml hidden to use real checkbox -->
            <Canvas Visibility="Collapsed">
		        <Rectangle Stroke="#FF072F2F" Width="11.472" Height="11.472" Fill="#60FFFFFF" StrokeThickness="1.5" RadiusX="2" RadiusY="2" Canvas.Left="271.838" Canvas.Top="-27.346"/>
		        <Path RenderTransformOrigin="0.5,0.5" Width="17.42" Height="9.724" Stretch="Fill" Stroke="#FF006BC3" StrokeThickness="2.5" Canvas.Left="271.698" Canvas.Top="-29.451" Data="M29.214,193.124 C33.714,196.374 34.464001,201.62399 34.464001,201.62399 34.464001,201.62399 36.714001,192.37399 50.714001,185.87399">
			        <Path.RenderTransform>
				        <TransformGroup>
					        <ScaleTransform ScaleX="1" ScaleY="1"/>
					        <SkewTransform AngleX="0" AngleY="0"/>
					        <RotateTransform Angle="-7.108"/>
					        <TranslateTransform X="0" Y="0"/>
				        </TransformGroup>
			        </Path.RenderTransform>
		        </Path>
            </Canvas>
            
        </Canvas>
        
        <!-- X-axis bar -->
		<Rectangle Width="557.698" Height="13.5" StrokeThickness="0.5" Canvas.Top="136">
			<Rectangle.Stroke>
				<LinearGradientBrush EndPoint="0.386,-0.37" StartPoint="0.387,1.333">
					<GradientStop Color="#FF072F2F" Offset="0"/>
					<GradientStop Color="#FFFFFFFF" Offset="1"/>
				</LinearGradientBrush>
			</Rectangle.Stroke>
			<Rectangle.Fill>
				<LinearGradientBrush EndPoint="0.5,1.296" StartPoint="0.5,0">
					<GradientStop Color="#FFD7ECFF" Offset="0.00365"/>
					<GradientStop Color="#FF3C75B5" Offset="0.607"/>
					<GradientStop Color="#FF5291CC" Offset="0.723"/>
					<GradientStop Color="#FFFFFFFF" Offset="1"/>
					<GradientStop Color="#FFE6F2FD" Offset="0.062"/>
					<GradientStop Color="#FF7DB0E4" Offset="0.277"/>
					<GradientStop Color="#FF6196CF" Offset="0.536"/>
				</LinearGradientBrush>
			</Rectangle.Fill>
		</Rectangle>

        <Canvas Visibility="Collapsed">
        
        <!-- X-axis Months -->
		<TextBlock Width="39" Height="13" Canvas.Left="9.975" Canvas.Top="137.5" FontFamily="Trebuchet MS" FontSize="10" Foreground="#FFFFFFFF" TextWrapping="Wrap"><Run Text="Jun 07"/></TextBlock>
		<TextBlock Width="39" Height="13" Canvas.Left="64.975" Canvas.Top="137.5" FontFamily="Trebuchet MS" FontSize="10" Foreground="#FFFFFFFF" TextWrapping="Wrap"><Run Text="Jul 07"/></TextBlock>
		<TextBlock Width="39" Height="13" Canvas.Left="124.975" Canvas.Top="137.5" FontFamily="Trebuchet MS" FontSize="10" Foreground="#FFFFFFFF" TextWrapping="Wrap"><Run Text="Aug 07"/></TextBlock>
		
        <!-- X-axis Separators -->
        <Path Width="1" Height="14" Stretch="Fill" Stroke="#FF184141" StrokeThickness="0.5" Canvas.Left="57.475" Canvas.Top="136" Data="M52.975,136 L52.975,149"/>
		<Path Width="1" Height="14" Stretch="Fill" Stroke="#FF184141" StrokeThickness="0.5" Canvas.Left="117.975" Canvas.Top="136" Data="M52.975,136 L52.975,149"/>
		<Path Width="1" Height="14" Stretch="Fill" Stroke="#FF184141" StrokeThickness="0.5" Canvas.Left="177.975" Canvas.Top="136" Data="M52.975,136 L52.975,149"/>
        
        </Canvas>
            
        <!-- Chart details -->
        <Canvas Visibility="Collapsed">
                
                       
            <!-- note bubble -->
		    <Path Opacity="1" RenderTransformOrigin="0.499999983279317,0.385208005119992" Width="15.594" Height="15.083" Stretch="Fill" StrokeThickness="0.7" Canvas.Left="174.47" Canvas.Top="55.75" Data="M69.051147,23.088014 L202.40419,23.088014 C204.06103,23.088013 205.40419,24.431158 205.40419,26.088011 L205.40419,63.999999 C205.40419,65.656852 204.06103,66.999999 202.40419,66.999999 L178.79738,66.999999 C178.85389,67.085486 174.01269,68.421827 172.78134,70.247514 166.70879,79.251119 209.39461,79.213617 209.51262,79.224924 209.51262,79.224924 178.02581,79.291874 172.75573,79.224924 153.18498,78.976301 148.25054,75.374595 148.47318,66.999999 L69.051147,66.999999 C67.394292,66.999999 66.051146,65.656852 66.051146,63.999999 L66.051146,26.088011 C66.051146,24.431158 67.394292,23.088013 69.051147,23.088014 z" Stroke="#FF003F86">
			    <Path.Fill>
				    <LinearGradientBrush EndPoint="0.5,1.296" StartPoint="0.5,0">
					    <GradientStop Color="#FFA4CBF6" Offset="0.71"/>
					    <GradientStop Color="#FFFFFFFF" Offset="0.808"/>
					    <GradientStop Color="#FFE6F2FD" Offset="0.04"/>
					    <GradientStop Color="#FF97C4F2" Offset="0.165"/>
					    <GradientStop Color="#FFFFFFFF" Offset="0.594"/>
					    <GradientStop Color="#FF91BCE8" Offset="0"/>
				    </LinearGradientBrush>
			    </Path.Fill>
			    <Path.RenderTransform>
				    <TransformGroup>
					    <ScaleTransform ScaleX="1" ScaleY="1"/>
					    <SkewTransform AngleX="0" AngleY="0"/>
					    <RotateTransform Angle="0"/>
					    <TranslateTransform X="0" Y="0"/>
				    </TransformGroup>
			    </Path.RenderTransform>
		    </Path>
            <!-- note bubble -->
		    <Path Opacity="1" RenderTransformOrigin="0.499999983279317,0.385208005119992" Width="15.594" Height="15.083" Stretch="Fill" StrokeThickness="0.7" Data="M69.051147,23.088014 L202.40419,23.088014 C204.06103,23.088013 205.40419,24.431158 205.40419,26.088011 L205.40419,63.999999 C205.40419,65.656852 204.06103,66.999999 202.40419,66.999999 L178.79738,66.999999 C178.85389,67.085486 174.01269,68.421827 172.78134,70.247514 166.70879,79.251119 209.39461,79.213617 209.51262,79.224924 209.51262,79.224924 178.02581,79.291874 172.75573,79.224924 153.18498,78.976301 148.25054,75.374595 148.47318,66.999999 L69.051147,66.999999 C67.394292,66.999999 66.051146,65.656852 66.051146,63.999999 L66.051146,26.088011 C66.051146,24.431158 67.394292,23.088013 69.051147,23.088014 z" Stroke="#FF003F86" Canvas.Left="469.819" Canvas.Top="41.749">
			    <Path.RenderTransform>
				    <TransformGroup>
					    <ScaleTransform ScaleX="1" ScaleY="1"/>
					    <SkewTransform AngleX="0" AngleY="0"/>
					    <RotateTransform Angle="0"/>
					    <TranslateTransform X="0" Y="0"/>
				    </TransformGroup>
			    </Path.RenderTransform>
			    <Path.Fill>
				    <LinearGradientBrush EndPoint="0.5,1.296" StartPoint="0.5,0">
					    <GradientStop Color="#FFA4CBF6" Offset="0.71"/>
					    <GradientStop Color="#FFFFFFFF" Offset="0.808"/>
					    <GradientStop Color="#FFE6F2FD" Offset="0.04"/>
					    <GradientStop Color="#FF97C4F2" Offset="0.165"/>
					    <GradientStop Color="#FFFFFFFF" Offset="0.594"/>
					    <GradientStop Color="#FF91BCE8" Offset="0"/>
				    </LinearGradientBrush>
			    </Path.Fill>
		    </Path>
        </Canvas>
        
	</Canvas>

</UserControl>
